<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="utf-8" />
		<title>LTMALL-订单详情</title>
		<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="/css/all.min.css">
		<link rel="stylesheet" type="text/css" href="/css/owl.theme.default.min.css">
		<link rel="shortcut icon" type="image/x-icon" href="/img/Favicon.ico">
		<link rel="stylesheet" type="text/css" href="/css/animate.min.css">
		<link rel="stylesheet" type="text/css" href="/css/fontawesome.css">
		<link rel="stylesheet" type="text/css" href="/css/fontawesome.min.css">
		<link rel="stylesheet" type="text/css" href="/css/style.css">
		<link rel="stylesheet" type="text/css" href="/css/media.css">
		<link rel="stylesheet" type="text/css" href="/css/responsive.css">
		<link rel="stylesheet" type="text/css" href="/css/owl.carousel.css">
		<link rel="stylesheet" type="text/css" href="/css/magnific-popup.css">
		<link rel="stylesheet" type="text/css" href="/css/owl.theme.default.css">
		<link rel="stylesheet" href="/lib/layui-v2.6.3/css/layui.css" media="all">
		<link rel="stylesheet" href="/css/public.css" media="all">
		<link rel="stylesheet" type="text/css" href="/css/personal.css"/>
		<link rel="stylesheet" type="text/css" href="/css/billDetail.css" />
		<style>
			.personalImg{
				text-align: center;
				height: auto;
				width: auto;
				white-space: normal;
				max-height: 80px;
				max-width: 90px;
				border-radius:50%;
				border: 1px solid salmon;
			}
			.personalImgPlus{
				text-align: center;
				height: auto;
				width: auto;
				white-space: normal;
				max-height: 80px;
				max-width: 90px;
			}
		</style>
	</head>
	<body>
	<th:block th:include="header"/>
		
		<!------------------------------Bott------------------------------>
		<div class="Bott">
			<div class="wrapper clearfix">
				<th: block th:include="personalHeader"/>
				<div class="you fl">
					<div class="my clearfix">
						<h2>
							订单详情
							<h3><span></span></h3>
						</h2>
					</div>
					<div class="orderList">
						<div class="orderList1" th:each="billWares:${billWares}">
							<h3 th:text="${billWares.status}"></h3>
							<div class="clearfix">
								<a  class="fl"><img th:src="${billWares.mainPic}" class="personalImgPlus"/></a>
								<p class="fl">
									<a  th:text="${billWares.waresName}" style="font-weight: bold"></a>
									<br>
									<a  th:text="${billWares.price}"></a>
									RMB×
									<a th:text="${billWares.amount}"></a>
									<br>
									颜色:
									<a th:text="${billWares.memberWaresColor}"></a>
									<br>
									版本:
									<a th:text="${billWares.memberWaresVersion}"></a>
									<br>
									特色:
									<a th:text="${billWares.feature}"></a>
								</p>
							</div>
						</div>
						<div class="orderList1">
							<h3>收货信息</h3>
							<p>姓 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：<span th:text="${billAddress.name}"></span></p>
							<p>联系电话：<span th:text="${billAddress.phone}"></span></p>
							<p>收货地址：<span th:text="${billAddress.province}+${billAddress.city}+${billAddress.area}+${billAddress.address}"></span></p>
						</div>
						<div class="orderList1">
							<h3>支付方式及备注信息</h3>
							<p>支付方式：<span th:text="${bill.payType}"></span></p>
							<p>备注：<span th:text="${bill.remark}"></span></p>
						</div>
						<div class="orderList1 hei">
							<p><span style="font-weight: bold">订单总价:</span><span th:text="${bill.price}"></span>&nbsp;RMB</p>
						</div>
						
					</div>
					
					
				</div>
			</div>
		</div>

	<th:block th:include="end"/>

		<script src="/js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/user.js" type="text/javascript" charset="utf-8"></script>
	<script src="/js/jquery-3.4.1.min.js"></script>
	<script src="/js/owl.carousel.js"></script>
	<script src="/js/bootstrap.min.js"></script>
	<script src="/js/jquery.magnific-popup.js"></script>
	<script src="/js/popper.min.js"></script>
	<script src="/js/all.min.js"></script>
	<script src="/js/index.js"></script>
	<script src="/js/wow.min.js"></script>
	</body>
</html>
